<ion-header>
  <ion-toolbar>
    <ion-title>
      开心记
    </ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>
	<div class="app-full-width app-overflow" margin-bottom>
	  <div class="calendar-list-title app-border-bottom" text-center>
	    <ion-icon name="ios-arrow-back" (click)="preMonth()"></ion-icon>
	    <span class="calendar-year">{{select_year}}年{{select_month}}月</span>
	    <ion-icon name="ios-arrow-forward" (click)="nextMonth()"></ion-icon>
	  </div>
	  <div class="app-common-bg app-border-bottom calendar-table">
	    <div class="calendar-table-item">周日</div>
	    <div class="calendar-table-item">周一</div>
	    <div class="calendar-table-item">周二</div>
	    <div class="calendar-table-item">周三</div>
	    <div class="calendar-table-item">周四</div>
	    <div class="calendar-table-item">周五</div>
	    <div class="calendar-table-item">周六</div>
	    <div class="calendar-table-item" *ngFor="let day of days" 
	    [ngClass]="{'currentDay':day.day==active_day}" (click)="change_day(day.day)">
	      <div style="justify-content: center;align-items: center;">
	        <div>{{day.day}}</div>
	      </div>
	    </div>
	  </div>
	</div>
</ion-content>
